<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>上传病例</title>
  <script src="../../public/assets/lib/flexible/flexible_css.js"></script>
  <script src="../../public/assets/lib/flexible/flexible.js"></script>
  <link href="../../styles/css/base.css" rel="stylesheet"/>
  <link href="../../styles/less/upload-record.css" rel="stylesheet"/>
  <link rel="icon" href="../favicon.ico">
</head>

<body>
<div class="content">
  <div class="header">
    <a class="btnback iconfont icon-fenxiang center-y" href="javascript:history.back();">
    </a>
    <h2>上&nbsp;传&nbsp;病&nbsp;例</h2>
    <span id="alter_btn" class="rule">上传规则</span>
  </div>
  <div class="upload">
    <div class="doctor-info info-item">
      <div class="info-item-title">上传医生信息</div>
      <div class="info-item-form ">
        <div class="form-item userName">
          <label class="form-item__label">医生姓名</label>
          <div class="form-item__content">
            <input type="text" placeholder="请输入">
          </div>
        </div>
        <div class="form-item hospitol">
          <label class="form-item__label">医院</label>
          <div class="form-item__content">
            <input type="text" placeholder="请输入">
          </div>
        </div>
        <div class="form-item room">
          <label class="form-item__label">科室</label>
          <div class="form-item__content">
            <input type="text" placeholder="请输入">
          </div>
        </div>
        <div class="form-item position">
          <label class="form-item__label">职位</label>
          <div class="form-item__content">
            <select class="form-control" name="position" id="" required>
              <option value ="" disabled selected hidden>请选择</option>
              <option value ="saab">主任医生</option>
              <option value="opel">副主任医生</option>
              <option value="audi">主治医生</option>
              <option value="audi">住院医生</option>
            </select>
            <i class="iconfont icon-arrow-down"></i>
          </div>
        </div>
        <div class="form-item phone">
          <label class="form-item__label">电话</label>
          <div class="form-item__content">
            <input type="text" placeholder="请输入">
          </div>
        </div>
        <div class="form-item">
          <button class="save-btn" id="save-btn">保存个人信息</button>
        </div>
      </div>
    </div>

    <div class="record-info info-item">
      <!--模板-->
      <div class="info-item-title">必填信息</div>
      <div class="info-item-form ">
        <div class="form-item record-name">
          <label class="form-item__label">病例名称</label>
          <div class="form-item__content">
            <input type="text" placeholder="请输入">
          </div>
        </div>
        <div class="form-item record-name">
          <label class="form-item__label">患者信息</label>
          <div class="form-item__content">
            <i data-info="patient-dialog" class="addBtn iconfont icon-arrow-right"></i>
          </div>
        </div>
        <div class="form-item">
          <button class="save-btn" id="upload-btn">确认上传</button>
        </div>
      </div>
    </div>

  </div>
  <div id="mask"></div>
  <div id="rule-dialog" class="dialog">
    <span class="close-btn">
      <i class="iconfont icon-iconfontguanbi"></i>
    </span>
    <div class="rules">
      <ul>
        <li>1xxxxxx</li>
        <li>1xxx</li>
        <li>1xxxxxxxxxxxxx</li>
      </ul>
      <div class="button">
        <button class="close-btn">收起</button>
      </div>
    </div>
  </div>
  <div id="patient-dialog" class="dialog">
     <span class="close-btn">
      <i class="iconfont icon-iconfontguanbi"></i>
    </span>
    <div class="info-form">
      <div class="form-item">
        <label class="form-item__label">患者姓名</label>
        <div class="form-item__content">
          <input type="text">
        </div>
      </div>
      <div class="form-item radio">
        <label class="form-item__label">性别</label>
        <div class="form-item__content">
          <div class="radio-group">
            <label class="radio left">
    	     <span class="radio__input is-checked">
    	     	 <span class="radio__inner"></span>
    	     	 <input type="radio" class="radio__original" name="male" checked value="0">
    	     </span>
              <span class="radio__label">男</span>
            </label>
            <label class="radio right">
          <span class="radio__input">
            <span class="radio__inner"></span>
            <input type="radio" class="radio__original" name="male" value="1">
          </span>
              <span class="radio__label">女</span>
            </label>
          </div>
        </div>
      </div>
      <div class="form-item">
        <label class="form-item__label">出生日期</label>
        <div class="form-item__content">
          <input type="text">
        </div>
      </div>
      <div class="form-item">
        <label class="form-item__label">来源医院</label>
        <div class="form-item__content">
          <input type="text">
        </div>
      </div>
      <div class="form-item">
        <label class="form-item__label">科室</label>
        <div class="form-item__content">
          <input type="text">
        </div>
      </div>
      <div class="form-item">
        <label class="form-item__label">住院号</label>
        <div class="form-item__content">
          <input type="text">
        </div>
      </div>
      <div class="form-item button">
        <button class="uplaod-btn">点击上传图片或文件</button>
      </div>
      <div class="form-item button">
        <button class="save-btn">保存</button>
      </div>
    </div>
  </div>
</div>

<div class="toast" style="display:none"></div>
<script src="../../public/assets/require/require.js"></script>
<script src="../../public/assets/require/config.js"></script>
<script>

  require(['upload-record'])
</script>
</body>

</html>